@()
@main("Home-CBGD") {
	<style>
			.thumbnail {
				height: 200px;
			}

			.thumbnail > .row {
				margin-top: 12px;
			}
	</style>
	<div class="row">
		<div class="col-md-9">
			<div class="jumbotron">
				<p class="text-justify">
					Bottle gourd [<i>Lagenaria siceraria</i>
					(Mol.) Standl.], also known as calabash, is an edible, medical, container and grafting stock plant cultivated all over the tropics. Amazingly, high genetic variability exists in bottle gourd, especially in fruit size and shape, which can be round, oblate, pyriform, elongated curvilinear, dipper, slender straight, tubby, snake-like and more.
				</p>
			</div>

			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title"><i class="fa fa-database"></i> Resources</h3>
				</div>
				<div class="panel-body">
					<div class="row">
						<div class="col-md-4">
							<div class="thumbnail">
								<div class="row">
									<div class="col-sm-6">
										<img src="@routes.Assets.at("images/genomeDatabase.png")" style="width: 100px;
											height: 80px;
											margin-top: 20px;">
										<a style="margin-top: 15px" href="@routes.GenomeBrowseController.toIndex()" target="_blank" class="btn btn-success" role="button"><i class="fa fa-hand-o-right"></i>
											View</a>
									</div>
									<div class="col-sm-6" style="margin-left: -25px">
										<h3>Genome
											<p style="font-size: 16px">
												(<i>Lagenaria siceraria</i>  cv. ‘Hangzhou Gourd’ and ‘USVL1VR-Ls’)

											</p>
										</h3>
									</div>
								</div>
							</div>
						</div>

						<div class="col-md-4">
							<div class="thumbnail">
								<div class="row">
									<div class="col-sm-6">
										<img src="@routes.Assets.at("images/Phenome.png")" style="width: 100px;
											height: 80px;
											margin-top: 20px;">
										<a style="margin-top: 15px" href="@routes.PhenotypeController.toMelonShape()" target="_blank" class="btn btn-success" role="button"><i class="fa fa-hand-o-right"></i>
											View</a>
									</div>
									<div class="col-sm-6" style="margin-left: -25px">
										<h3>Phenome</h3>
									</div>
								</div>
							</div>
						</div>

						<div class="col-md-4">
							<div class="thumbnail">
								<div class="row">
									<div class="col-sm-6">
										<img src="@routes.Assets.at("images/marker1.png")" style="width: 100px;
											height: 80px;
											margin-top: 20px;">
										<a style="margin-top: 15px" href="@routes.MarkerController.toIndel()" target="_blank" class="btn btn-success" role="button"><i class="fa fa-hand-o-right"></i>
											View</a>
									</div>
									<div class="col-sm-6" style="margin-left: -25px">
										<h3>Markers/<br>QTLs</h3>
									</div>
								</div>
							</div>
						</div>

					</div>

					<div class="row">

						<div class="col-md-4">
							<div class="thumbnail">
								<div class="row">
									<div class="col-sm-6">
										<img src="@routes.Assets.at("images/geneticMap.png")" style="width: 100px;
											height: 80px;
											margin-top: 20px;">
										<a style="margin-top: 15px" href="@routes.GeneticMapController.toMap()" target="_blank" class="btn btn-success" role="button"><i class="fa fa-hand-o-right"></i>
											View</a>
									</div>
									<div class="col-sm-6" style="margin-left: -25px">
										<h3>Maps</h3>
									</div>
								</div>
							</div>
						</div>

						<div class="col-md-4">
							<div class="thumbnail">
								<div class="row">
									<div class="col-sm-6">
										<img src="@routes.Assets.at("images/cultivars.png")" style="width: 100px;
											height: 80px;
											margin-top: 20px;">
										<a style="margin-top: 15px" href="@routes.CultivarsController.toIndex()" target="_blank" class="btn btn-success" role="button"><i class="fa fa-hand-o-right"></i>
											View</a>
									</div>
									<div class="col-sm-6" style="margin-left: -25px">
										<h3>Cultivars</h3>
									</div>
								</div>
							</div>
						</div>

						<div class="col-md-4">
							<div class="thumbnail">
								<div class="row">
									<div class="col-sm-6">
										<img src="@routes.Assets.at("images/papers.png")" style="width: 100px;
											height: 80px;
											margin-top: 20px;">
										<a style="margin-top: 15px" href="@routes.PaperController.toIndex()" target="_blank" class="btn btn-success" role="button"><i class="fa fa-hand-o-right"></i>
											View</a>
									</div>
									<div class="col-sm-6" style="margin-left: -25px">
										<h3>Publications</h3>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="col-md-3">

			<div align="center" style="margin-top: 20px">
			<a href="http://www.zaas.ac.cn/unitPage.cfm?Mno=20&Sno=3&addr=-1&language=en&style=1&level=1&tail=23" target="_blank"
			style="text-align: center">
				<img src="@routes.Assets.at("images/shucai.jpg")" width="95%" style="margin-bottom: 20px">
			</a>
			</div>

			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title"><i class="fa fa-cube"></i> Data Statistics</h3>
				</div>
				<div class="panel-body">
					<ul class="list-unstyled">
						<li><i class="fa fa-chevron-circle-right"></i> Genes: 20,000+</li>
						<li><i class="fa fa-chevron-circle-right"></i> Phenotypes: 300+</li>
						<li><i class="fa fa-chevron-circle-right"></i> Markers: 6,000+</li>
						<li><i class="fa fa-chevron-circle-right"></i> Publications: 18</li>
					</ul>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title"><i class="fa fa-bookmark"></i> Release Notes</h3>
				</div>
				<div class="panel-body">
					<ul class="list-unstyled">
						<li><i class="fa fa-chevron-circle-right"></i>
							GourdBase is available online since November 2017.
						</li>
						<li><i class="fa fa-chevron-circle-right"></i>
							Bottle gourd (Lagenaria siceraria cv. ‘Hangzhou Gourd’) genome is publicly accessible since April 2017.
						</li>
						<li><i class="fa fa-chevron-circle-right"></i>
							Genes are publicly accessible since May 2017.
						</li>
						<li><i class="fa fa-chevron-circle-right"></i>
							Markers are publicly accessible since January 2017.
						</li>
					</ul>
				</div>
			</div>

		</div>

	</div>

	<div>
		<p style="text-indent: 1em">
		<a href="http://www.miitbeian.gov.cn" target="_blank">
			沪ICP备17011715号</a>
		</p>
	</div>
}
